<template>
    <div id="myContainer">
        <p> 工作派工单</p>
        <table>
            <tr>
                <td colspan="2"><p>派工单编号：</p></td>
                <td colspan="3"></td>
            </tr>
            <tr>
                <td colspan="2"><p>工作负责人</p></td>
                <td></td>
                <td><p>编号</p></td>
                <td><p>第一小组</p></td>
            </tr>
            <tr>
                <td colspan="5"><p>人员（不包括分组工作负责人）：</p>
                    <p></p>
                    <p> 共 人</p></td>
            </tr>
            <tr>
                <td colspan="5"><p><strong>工作内容和工作地点：</strong></p>
                    <ol>
                        <li><strong>工作内容：</strong></li>
                    </ol>
                    <p><strong>2、工作地点：</strong></p></td>
            </tr>
            <tr>
                <td colspan="5"><p><strong>应采取的安全措施及注意事项：</strong></p></td>
            </tr>
            <tr>
                <td><p>下达分组任务</p></td>
                <td colspan="4"><p>工作票的工作负责人签名： 分组负责人签名：</p>
                    <p></p>
                    <p> 时间： 年 月 日</p></td>
            </tr>
            <tr>
                <td><p>安全交代</p></td>
                <td colspan="4"><p>工作班人员确认分组工作负责人所交代布置的工作任务、安全措施和作业安全注意事项。</p>
                    <p>工作班人员签名</p>
                    <p> 时间： 年 月 日</p></td>
            </tr>
            <tr>
                <td colspan="5"><p>分组工作于 月 日 时
                    分结束，现场临时安全措施已拆除，材料、工具已清理完毕，分组工作人员已全部撤离。</p>
                    <p>分组工作负责人签名： 工作负责人签名：</p>
                    <p></p>
                    <p> 时间： 年 月 日</p></td>
            </tr>
            <tr>
                <td colspan="5"><p>备注（工作班人员变更、补充措施、安全交代补充签名等）：</p></td>
            </tr>
        </table>
    </div>
<!--    <button @click="exportWord">导出为Word</button>-->
</template>

<script>
import htmlDocx from 'html-docx-js/dist/html-docx';
import FileSaver from 'file-saver';

export default {
    name: "teamMeetingLogSheet",
    methods: {
        exportWord() {
            let contentHtml = document.getElementById("myContainer").innerHTML;

            try {
                let content = `
            <!DOCTYPE html><html>
                <head>
                    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
                </head>
                <body>
                    <div>
                        ${contentHtml}
                    </div>
                </body>
            </html>`;

                let converted = htmlDocx.asBlob(content);
                FileSaver.saveAs(converted, "工作派工单.docx");
            } catch (error) {
                console.error("导出Word文档时发生错误:", error);
            }
        }
    }
}
</script>

<style scoped>
/* Your styles here */
</style>
